<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DIV各种效果</title>
    <script type="text/javascript" src="/assets/js/jquery.js"></script>
    <style type="text/css">
        .main{
            float:left;
            width:200px;
            margin-left:10px;
            padding:10px;
            border:1px solid green;
            position:relative;
        }
        .float_div{
            position:absolute;
            width:10px;
            right:0px;
            top:0px;
            z-index:100;
        }
    </style>
</head>
<body>
<div class="main">
    23某某56589
    <div class="float_div">x</div>
</div>
<div class="main">
    奔奔夺
    <div class="float_div">x</div>
</div>
<div class="main">
    苟富贵奉公守法噶
    <div class="float_div">x</div>
</div>
</body>
</html>